<div class="fl w100">
    <div class="mb10 fl w100"><slot name="lujing"></slot></div>

    <div class="fl w100 mb10">
        <!--<i-input class="search-input" v-model="search.value" placeholder="请输入部门名称"></i-input>
        <i-button class="fl" style="margin-left: 5px" type="primary" @click="searchImf()">查询</i-button>-->
        <i-button @click="showModal('addDepartment','新增部门')" class="fr" type="primary">新增</i-button>
    </div>

    <div class="ivu-ul-wrapper fl w100">
        <div class="ivu-ul">
            <div class="ivu-ul-header">
                <ul>
                    <li>
                        <div style="width: 30%;" class="ivu-table-cell"><span>部门名称</span></div>
                        <div style="width: 30%;" class="ivu-table-cell"><span>部门编码</span></div>
                        <div style="width: 20%;" class="ivu-table-cell"><span>创建时间</span></div>
                        <div style="width: 20%;" class="ivu-table-cell"><span>操作</span></div>
                    </li>
                </ul>
            </div>
            <div class="ivu-ul-body" v-if="datas && typeof datas !== 'string' && datas.length > 0">
                <department-table :datas="datas"></department-table>
            </div>

            <div class="ivu-ul-body" v-if="datas.length === 0">
                <ul v-if="datas.length === 0">
                    <li>
                        <div class="ivu-table-cell no-data"><span>查无数据</span></div>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <department-add v-if="showModel" :addParamObj="addParamObj" :data="parentData" :title="title"></department-add>
</div>

